<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      id="viewport"
      content="width=device-width, initial-scale=1, user-scalabel=no"
    />
    <link rel="icon" href="<%= BASE_URL %>icon.ico" />
    <script>
      const clientWidth = document.documentElement.clientWidth
      if (clientWidth <= 500) {
        const scale = clientWidth / 375
        const content = `width=375, initial-scale=${scale}, user-scalabel=no`
        document.getElementById('viewport').setAttribute('content', content)
      }
    </script>
    <link
      rel="stylesheet"
      href="https://unpkg.com/swiper/swiper-bundle.min.css"
    />
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    <title>一荤一素</title>
    <!-- 最外层 div 设置 max-width: 500px; -->
  </head>
  <body></body>
</html>
